<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <input type="text" id="txt">    
    <input type="button" id="btn" value="计算">
    <input type="text" id="res" readonly>
</body>
<script>
    // 1~12
    // 具体的值：switch
    // 1，3，5，7，8，10，12都是31天
    // 没有规律，一个一个判断

    // 1. 获取元素
    var txt = document.getElementById("txt");
    var btn = document.getElementById("btn");
    var res = document.getElementById("res");

    // 2. 先绑定点击事件
    btn.onclick = function(){
        // 3. 点击之后，进行各项功能的处理
        // 获取输入框的内容
        var m = txt.value-0;
        // 准备容器变量，存放计算结果
        var msg = "";
        // 开始判断数据
        switch(m){
            case 1:
            case 3:
            case 5:
            case 7:
            case 10:
            case 12:
            case 8:
                msg = "31天";break;
            case 2:
                msg = "28天";break;
            case 4:
            case 6:
            case 9:
            case 11:
                msg = "30天";break;
        }
        // 将结果显示在对应区域
        res.value = msg;
    }


</script>
</html>